<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/buycar.css" />
  </head>
  <body>
      <div class="margin-center">
        <div class="goods-status flex-row">
            <span class="goods-status-item-active">全部商品 <i>3</i></span>
            <div class="line"></div>
            <span class="goods-status-item">降价商品 <i>0</i></span>
            <div class="line"></div>
            <span class="goods-status-item">失效商品 <i>1</i></span>
            <span class="delivery-to">配送至</span>
            <div class="select-box flex-row">
                <span class="select-txt">北京市丰台区长辛店街道</span>
                <img class="select-icon" src="./images/icons/icon-goods-detail-select.png" />
            </div>
        </div>
        <div class="cart-tit flex-row">
          <div class="checkbox"></div>
          <span class="margin-l-10">全选</span> <span class="margin-l-100">商品</span>
          <span class="margin-l-486">单价</span> <span class="margin-l-120">数量</span>
          <span class="margin-l-100">小计</span> <span class="margin-l-120">操作</span>
        </div>
        <div class="cart-list flex-row">
          <div class="checkbox-ed margin-t-30"></div>
          <div class="cart-list-img">
            <img src="./images/goods-cover-12@2x.png"/>
          </div>
          <div class="cart-list-tit">
            <span class="cart-list-tit-name"
              >马来西亚液氮猫山王冷冻榴莲&nbsp;4-6粒&nbsp;净重10kg&nbsp;<br />冷冻水果</span
            >
            <div class="flex-row">
              <span class="promotion-box flex-row">
                <span class="promotion-icon-v"></span>
                <span>满899.00减100.00</span>
              </span>
            </div>
          </div>
          <span class="cart-list-price">¥&nbsp;1088.00</span>
          <div class="cart-list-number flex-row">
            <div class="icon-reduce"></div>
            <div class="cart-list-num">1</div>
            <div class="icon-add"></div>
          </div>
          <span class="cart-list-newprice">¥&nbsp;988.00</span>
          <div class="cart-list-operation">
            <div>删除</div> 
            <div>移入收藏</div>
          </div>
        </div>
        <div class="cart-list flex-row  no-goods">
          <div class="checkbox-ed margin-t-30"></div>
          <div class="cart-list-img">
            <img src="./images/goods-cover-12@2x.png"/>
          </div>
          <div class="cart-list-tit">
            <span class="cart-list-tit-name"
              >马来西亚液氮猫山王冷冻榴莲&nbsp;4-6粒&nbsp;净重10kg&nbsp;<br />冷冻水果</span
            >
            <div class="flex-row">
              <div class="coupon-box flex-row">
                  <div class="promotion-icon-1 flex-col"></div>
                  <span>多买优惠</span>
              </div>
            </div>
          </div>
          <span class="cart-list-price">¥&nbsp;1088.00</span>
          <div class="cart-list-number flex-row">
            <div class="icon-reduce"></div>
            <div class="cart-list-num">1</div>
            <div class="icon-add"></div>
          </div>
          <span class="cart-list-newprice">¥&nbsp;988.00</span>
          <div class="cart-list-operation">
            <div>删除</div> 
            <div>到货通知</div> 
            <div>移入收藏</div>
          </div>
        </div>

        <div class="cart-list flex-row">
          <div class="checkbox margin-t-30"></div>
          <div class="cart-list-img">
            <img src="./images/goods-cover-12@2x.png"/>
          </div>
          <div class="cart-list-tit">
            <span class="cart-list-tit-name"
              >马来西亚液氮猫山王冷冻榴莲&nbsp;4-6粒&nbsp;净重10kg&nbsp;<br />冷冻水果</span
            >
            <div class="flex-row">
              <div class="coupon-box flex-row">
                  <div class="promotion-icon-1 flex-col"></div>
                  <span>多买优惠</span>
              </div>
            </div>
          </div>
          <span class="cart-list-price">¥&nbsp;1088.00</span>
          <div class="cart-list-number flex-row">
            <div class="icon-reduce"></div>
            <div class="cart-list-num">1</div>
            <div class="icon-add"></div>
          </div>
          <span class="cart-list-newprice">¥&nbsp;988.00</span>
          <div class="cart-list-operation">
            <div>删除</div> 
            <div>移入收藏</div>
          </div>
        </div>

        <div class="payment-box flex-row">
          <div class="flex-col justify-center">
            <div class="checkbox"></div>
          </div>
          <span class="payment-box-all">全选</span>
          <span class="payment-box-remove">删除所选商品</span>
          <span class="payment-box-remove">清理购物车</span>
          <span class="payment-box-total">总价</span>
          <span class="payment-box-totalprice">¥&nbsp;988.00</span>
          <div class="payment-box-btn">结算</div>
        </div>
      </div>
  </body>
</html>
